﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeBehind="TrailSearch.aspx.cs" Inherits="Imageo.ui.TrailSearch" %>

<%@ Register Src="../controls/TrailTable.ascx" TagName="TrailTable" TagPrefix="bintje" %>
<%@ Register Src="../controls/ImageTable.ascx" TagName="ImageTable" TagPrefix="bintje" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContentPlaceholder" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContentPlaceholder" runat="Server">
    <asp:Panel ID="pnlMyTrails" runat="server" Style="text-align: left;">
        <div>
            <div style="float: right;">
                <b>Sort by: </b>&nbsp;<asp:LinkButton ID="lnkSortByLocation" runat="server" OnClick="lnkSortByTitle_Click">Trail Name</asp:LinkButton>
                &nbsp;|&nbsp;
                <asp:LinkButton ID="lnkSortByComments" runat="server" OnClick="lnkSortByComments_Click">Comments</asp:LinkButton>
                <span id="divSearchPlus" runat="server">&nbsp;|&nbsp;
                    <asp:LinkButton ID="lnkSortByDistance" runat="server" OnClick="lnkSortByDistance_Click">Distance</asp:LinkButton>
                    &nbsp;|&nbsp;
                    <asp:LinkButton ID="lnkSortBySimilarity" runat="server" OnClick="lnkSortBySimilarity_Click">Similarity</asp:LinkButton>
                </span>
            </div>
        </div>
        <div>
            <div style="float: left;">
                <span id="spanReferenceTrail" runat="server" style="font: 18px/18px Arial, Helvetica, sans-serif; font-weight: bold; color: #20afe0;">Reference Trail</span>
            </div>
        </div>
        <div style="clear: both">
            <bintje:TrailTable ID="trailTableOriginal" runat="server" Width="100%" Height="100%"></bintje:TrailTable>
        </div>
        <div>
            <div style="float: left;">
                <span id="spanTitle" runat="server" style="font: 18px/18px Arial, Helvetica, sans-serif; font-weight: bold; color: #20afe0;">My Trails</span>
            </div>
        </div>
        <div style="clear: both">
            <bintje:TrailTable ID="trailTable" runat="server" Width="100%" Height="100%"></bintje:TrailTable>
        </div>
        <div style="clear: both">
            <bintje:ImageTable ID="imageTable" runat="server" Width="100%" Height="100%"></bintje:ImageTable>
        </div>
    </asp:Panel>
</asp:Content>
